<template>
	<div id="mine">
	<div id="login">
		<form action="#" method="post">
			<input type="text" id="username" name="username" placeholder="号码"/>
			<input type="password" id="" name="password" placeholder="密码"/>
			<button type="button">登录</button>
		</form>
	</div>
	<div id="span_sty"><!-- //span*2按tap键快捷代码 -->
		<span>立即注册</span>
		<span>找回密码</span>
	</div>
	</div>
</template>

<script>
	export default{
		name:"Mine"
	}
</script>

<style scoped>
	#mine{
		padding: 60px;
	}
	input{
		border: none;
		border-bottom: 1px solid #ccc;
		width: 100%;
		height: 40px;
		padding-left: 10px;
		outline: 0;
	}
	button{
		margin: 15px;
		/* display: flex; */
		width: 95%;
		background-color: #E54847;
		color: #FFFFFF;
		height: 30px;
		/* line-height: 30px; */
		align-items: center;
		border-radius: 15px;
		border: none;
	}
	/* #span_sty{
		display: flex;
		flex-direction: row;
	} */
	#span_sty span{
		color: #E54847;
		font-size: 12px;
		flex: 1;
		margin-top: 10px;
		/* border: #2C3E50 1px solid; */
	}
	#span_sty span:first-child{
		float: left;
	}
	#span_sty span:last-child{
		float: right;
	}
</style>
